<!--<![endif]-->
<!--[if IE 6 ]><html lang="$ContentLocale" class="ie ie6"><![endif]-->
<!--[if IE 7 ]><html lang="$ContentLocale" class="ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="$ContentLocale" class="ie ie8"><![endif]-->
<head lang="en">
    <% base_tag %>
    <meta charset="utf-8"/>
    <title><% if $MetaTitle %>$MetaTitle<% else %>$Title<% end_if %> &raquo; $SiteConfig.Title</title>
    <meta content="width=device-width, initial-scale=1" name="viewport"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    $MetaTags(false)
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <% require themedCSS('reset') %>
    <% require themedCSS('typography') %>
    <% require themedCSS('form') %>
    <% require themedCSS('layout') %>

    <!--<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600&subset=latin,vietnamese' rel='stylesheet' type='text/css'>-->

    <link href="$ThemeDir/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

    <link href="$ThemeDir/css/jquery.bxslider.css" rel="stylesheet" type="text/css" media="all"/>

    <link href="$ThemeDir/css/layout.css" rel="stylesheet" type="text/css" media="all"/>


    <script src="$ThemeDir/js/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="$ThemeDir/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="$ThemeDir/js/bootstrap.js" type="text/javascript"></script>

    <script src="$ThemeDir/js/jquery.bxslider.min.js" type="text/javascript"></script>

    <script src="$ThemeDir/js/slick.min.js" type="text/javascript"></script>

    <script src="$ThemeDir/fancybox/jquery.fancybox.js" type="text/javascript"></script>
    <link href="$ThemeDir/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <script src="$ThemeDir/js/myscript.js" type="text/javascript"></script>
</head>